﻿body.v4master { overflow: auto !important; height: auto !important; background-image: url('/_layouts/images/energyathome/sky.jpg'); background-position: center top; background-repeat: no-repeat; color: #000; }
form { width: 100%; }
a > img { border: none; }

/* header */
#eah-headerCont { width: 950px; height: 140px; margin-left: auto; margin-right: auto; background-color: transparent; position: relative; }
#eah-logo { padding: 10px 0 0 10px; text-align: center; }
.eah-welcomemenu { width: 240px; float: right; }
.ms-welcomeMenu { font-family: Arial; font-size: 10pt; font-weight: bold; }
.eah-welcomemenu .s4-trc-container-menu { float: right; margin: 8px 0px 0px 0px; }
.ms-welcomeMenu a:link { color: #3A9948; }
.ms-welcomeMenu .ms-menu-a:hover, .ms-welcomeMenu a:hover { text-decoration: none; color: #fff; }
.eah-welcomemenu .ms-SpLinkButtonActive { background: none; border: none; margin: 1px 4px; padding-right: 5px; color: #fff; text-decoration: none; }
.eah-welcomemenu .ms-SpLinkButtonActive a:link { color: #3A9948; }
#eah-header #s4-searcharea { position: absolute; top: 10px; right: 0; }
#eah-header #s4-searcharea input { width: 208px !important; height: 20px; line-height: 2em; }
#eah-header .ms-searchimage { padding-top: 5px; padding-bottom: 2px; }
#eah-header .s4-search select { display: none; }
#eah-header .s4-help { display: none; }
#eah-banner { text-align: center; font-size: 0; }
#eah-banner .ms-WPBody td { font-size: 0; }
.s4-signInLink { display: none !important; }

/* top menu */
body #s4-topheader2 { overflow: hidden; border: none; height: 40px; line-height: 40px; background-color: transparent; background-image: url('/_layouts/images/energyathome/menu.png'); background-repeat: repeat-x; font-family: Arial; font-size: 10pt; text-align: center; }
.menu-horizontal { margin-left: auto; margin-right: auto; }
.s4-tn li.static > .menu-item { margin: 0 10px; padding: 0; height: auto; color: #000; border: none; text-transform: uppercase; }
.s4-toplinks .s4-tn a.selected { background: none; color: #337F21; margin: 0 10px; padding: 0; }
.s4-tn li.static > a:hover { color: #fff; text-decoration: none; }
.s4-toplinks .s4-tn a.selected:hover { text-decoration: none; color: #fff; }
.s4-tn li.selected { color: #000; border: none; }
.s4-titletable { font-family: Arial; }
.s4-title { background-color: transparent; background-image: none; }
.s4-title h1 { display: none; }
.s4-title h2 { color: #000; text-transform: uppercase; font-size: 1.8em; }
.s4-title h1 a, .s4-title h2 a { color: #23272c; text-transform: uppercase; }
#onetidPageTitleSeparator { display: none; }
.s4-title .s4-pagedescription { display: none; }
.ms-ltviewselectormenuheader .ms-viewselector a, .ms-ltviewselectormenuheader .ms-viewselectorhover a { color: #006600; }
.s4-titlerowhidetitle { display: block !important; padding-top: 10px; }
.s4-titlelogo { padding: 0; }
.eah-pagemenu { margin-left: 0; padding-left: 0; }
.eah-pagemenu li { list-style-type: none; float: left; margin-right: 20px; }
.eah-pagemenu li a { color: #000; font-size: 10pt; }
.eah-pagemenu li a:hover { color: #337F21; }
.eah-pagemenu li.selected a { border-bottom: 3px solid #337F21; }

/* ribbon */
body #s4-ribboncont { background-image: none; }
#s4-ribbonrow { background-color: transparent !important; background: none; min-height: 0 !important; }
.s4-ribbonrowhidetitle { height: inherit !important; }
.ms-cui-ribbon, .ms-cui-menu, .ms-cui-toolbar-toolbar { font-family: Arial; }
.ms-cui-topBar2 { border-bottom: 1px solid #fff; }
.ms-siteactionsmenu > span > a { color: #000; }
.ms-siteactionsmenuinner, .ms-siteactionsmenuhover { height: 20px; }
.ms-siteactionsmenuhover { color: #fff !important; background: none; border: solid 1px #fff; }
.s4-breadcrumb-anchor, .ms-qatbutton { padding-bottom: 3px; }
.s4-breadcrumb-anchor:hover, .s4-breadcrumb-anchor-open, .ms-qatbutton:hover { background: none; border: solid 1px #fff; }
.ms-cui-tt-s > .ms-cui-tt-a { border-color: #fff; }
.ms-cui-tt-a { color: #000 !important; cursor: pointer; }
.ms-cui-tt-a:hover { border-color: #fff; background: none; }
.ms-cui-cg { border-color: transparent; }


/*.ms-cui-groupSeparator { border-right: 1px solid #E7E7E8 !important; }
.ms-cui-topBar2 { border-width: 0px; height: 23px; padding-top: 2px; }
.ms-cui-TabRowLeft { margin-top: 0; }
.ms-cui-ribbonTopBars { background-color: #A7CEE1; padding-top: 0px; padding-bottom: 0px; }



/*.ms-cui-tts { height: 23px; }
.ms-cui-tt { height: auto; }
.ms-cui-cg { border: 1px solid; border-bottom-width: 0px; height: 22px; border-color: transparent; }
.ms-cui-cg-i { display: none; }
.ms-cui-tt-a { cursor: pointer; margin-top: 0; color: #000 !important; }
.ms-cui-tt-a:hover { border-color: #fff; background: none; }
.ms-cui-cg-s .ms-cui-tt-a { color: #000 !important; }
.ms-cui-cg-s .ms-cui-tt-a:hover { background: none !important; }
.ms-cui-tt-s .ms-cui-tt-a { color: #000 !important; background-color: #fff; }
.ms-cui-tabBody, .ms-cui-tabBody-or { border-bottom-color: #A7CEE1 !important; }*/


/* ribbon notification */
.s4-noti { z-index: 10; position: absolute; text-align: left; right: 0px; white-space: nowrap; margin-top: -383px; }
.s4-noti-noti { border-width: 1px; border-style: solid; border-color: #A7CEE1; min-width: 140px; position: relative; margin-left: 2px; display: inline-block; }
.s4-noti-in1 { border-top: 1px solid #A7CEE1; }
.s4-noti-in2 { padding: 3px 10px; text-align: center; color: #fff; border-top: 1px solid #A7CEE1; background: none; background-color: #A7CEE1; }
.s4-noti-in3 { min-height: 16px; vertical-align: middle; }

/* main area */
.eah-right { width: 25% !important; }
body #s4-workspace { overflow: visible !important; height: 100% !important; }
body #s4-bodyContainer { margin-left: auto; margin-right: auto; width: 950px; background-color: transparent; }
#s4-leftpanel { display: none; }
.s4-ca { margin-left: 0px; background-color: transparent; }
.ms-vh-icon, tr.ms-viewheadertr > th.ms-vh, tr.ms-viewheadertr > th.ms-vh2, tr.ms-viewheadertr > th.ms-vh2-nograd, tr.ms-viewheadertr > th.ms-vh2-nofilter-icon { border-bottom: solid 1px #676767; }
a:link, .ms-vb a:link, .ms-vb-user a:link, .ms-WPBody a:link, .ms-vb2 a:link { color: #000; }
a:visited, .ms-vb a:visited, .ms-vb-user a:visited, .ms-WPBody a:visited, .ms-vb2 a:visited { color: #000; }
a:hover { text-decoration: none !important; color: #337F21; }
a.ms-addnew:hover { color: #3A9948; text-decoration: none; }
tr.s4-itm-hover a:hover, tr.ms-itmhover a:hover { color: #3A9948 !important; }
.eah-listleft { width: 30%; }
.eah-listmain { width: 70%; }
.ms-alternating { background-color: #f2f2f2; }
.ms-menutoolbar { background-color: #fff; background-image: none; }
.ms-viewlsts { background-color: #fff; }
.ms-descriptiontext { background-color: #fff; }
.ms-listedit { background-color: #fff; }
#ctl00_MSO_ContentDiv > div { padding-left: 0 !important; }
#onetIDListForm { background-color: transparent; padding: 0 5px; }
.ms-v4propertysheetspacing { background-color: #fff; }
.ms-formlabel { background-color: #fff; }

.eah-homenews, .eah-homeevent { padding: 5px; margin-bottom: 10px; }
.eah-highlight { border: 1px solid #f00; }
.eah-homedate, .eah-date { color: #337F21; }
.eah-contact, .eah-collaboration { padding-bottom: 15px; }
.eah-contactImage, .eah-collaborationImage { vertical-align: top; padding-right: 20px; width: 120px; float: left; }
.eah-contactImage img, .eah-collaborationImage img { max-width: 100px; }
.eah-newsImage, .eah-eventImage { vertical-align: top; max-width: 120px; }
.eah-newsImage img, .eah-eventImage img { margin-right: 20px; max-width: 100px; }
.eah-contactText, .eah-collaborationText, .eah-newsText, .eah-eventText { vertical-align: top; }
.eah-contactName { font-weight: bold; color: #000 !important; text-decoration: none !important; }
.eah-member { text-align: center; padding-bottom: 50px; }
.eah-news, .eah-event { padding: 5px; margin-bottom: 10px; }
.eah-newsTitle, .eah-eventTitle { font-weight: bold; }
.eah-download { margin-bottom: 10px; }
.eah-downloadIcon { vertical-align: top; padding-right: 10px; }
.eah-File { vertical-align: top; }

/* rte */
.ms-rte-wpbox { color: #000; }
.ms-rteElement-H1B { color: #000; }
.ms-rteTable-default { border-color: transparent; }
.ms-rteTableHeaderFirstCol-default, .ms-rteTableHeaderOddCol-default, .ms-rteTableFirstCol-default, .ms-rteTableOddCol-default { border-color: transparent; }
.ms-rte-layoutszone-inner { padding-left: 0; padding-right: 0; }
.ms-rte-layoutszone-inner a, .ms-rte-layoutszone-inner a:link, .ms-rte-layoutszone-inner a:visited { color: #337F21; }
.ms-rte-layoutszone-inner a:hover { text-decoration: underline !important; }
.ms-rte-layoutszone-inner ul { margin-left: 0; padding-left: 5px; }
.ms-rte-layoutszone-inner li { margin-left: 10px; margin-bottom: 5px; list-style-type: square; }
.ms-MenuUIULItem { list-style-type: none !important; }

/* webparts */
.ms-WPHeaderTdSelection { display: none; }
.ms-WPHeader { background-color: transparent; }
.ms-WPHeader td { border-bottom-color: #000; }
.ms-WPHeaderTd { padding-top: 10px; }
.ms-WPTitle { color: #000; text-transform: uppercase; font-weight: bold; font-family: Arial; font-size: 10pt; padding: 0; }
.ms-WPTitle a:link, .ms-WPTitle a:visited { color: #000; }
.ms-WPTitle a:hover { text-decoration: none; }
.ms-WPTitle img { height: 32px; width: 32px; }
.ms-wpContentDivSpace { padding-top: 10px; }
.ms-summarystandardbody { background-image: url('/_layouts/images/energyathome/footer_small.gif'); background-repeat: no-repeat; background-position: center bottom; }
.eah-docIcon { padding: 5px 20px 0px 5px; }
.eah-docLink { font-weight: bold; padding-bottom: 6px; }

/* footer */
#eah-footer { overflow: hidden; padding: 10px; border-top: 1px solid #676767; }
#eah-footer img { margin-bottom: 5px; margin-left: -10px; }
#eah-terms { color: #676767; }
#eah-terms:hover { text-decoration: underline; }

/* dialog */
.ms-dlgContent { border-color: #006600; }
.ms-dlgTitle { background: none; background-color: #A7CEE1; }
.ms-dlgTitleText { color: #000; }
.ms-dialog body.v4master { height: auto; overflow: hidden; }
.ms-dialog #s4-workspace { background: none !important; height: auto !important; }
.ms-dialog #s4-mainarea { background-color: #fff; }
.ms-dialog #s4-bodyContainer { width: auto; margin: 0; }
.ms-dialog body #s4-ribboncont { background-image: none; margin-bottom: 0px; }
.ms-dialog #onetidinfoblock1, .ms-dialog #onetidinfoblock2 { display: none; }
/* hide dialog created and created by */

/* sendmail */
.eah-labeltd { padding-right: 10px; vertical-align: top; }
.eah-textbox { width: 280px; }
textarea { font-family: Arial; font-size: 10pt; }


/* TreeView */
.treeview, .treeview ul { padding: 0; margin: 0; list-style-type: none !important; list-style-image: none; }
.treeview ul { background-color: white; margin-top: 4px; }
.treeview .hitarea { background: url(/_layouts/images/energyathome/treeview/treeview-default.gif) -64px -25px no-repeat; height: 16px; width: 16px; margin-left: -16px; float: left; cursor: pointer; }
/* fix for IE6 */
* html .hitarea { display: inline; float: none; }
.treeview li { margin: 0; padding: 3px 0pt 3px 16px; list-style-type: none !important; }
.treeview li span { cursor: pointer; }
.treeview a.selected, .treeview span.selected { font-weight: bold; color: #337F21; }
#treecontrol { margin: 1em 0; display: none; }
.treeview .hover { font-weight: bold; cursor: pointer; }
.treeview li { background: url(/_layouts/images/energyathome/treeview/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
.treeview .expandable-hitarea { background-position: -80px -3px; }
.treeview li.last { background-position: 0 -1766px; }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(/_layouts/images/energyathome/treeview/treeview-default.gif); }
.treeview li.lastCollapsable { background-position: 0 -111px; }
.treeview li.lastExpandable { background-position: -32px -67px; }
.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }
.treeview-red li { background-image: url(/_layouts/images/energyathome/treeview/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(/_layouts/images/energyathome/treeview/treeview-red.gif); }
.treeview-black li { background-image: url(/_layouts/images/energyathome/treeview/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(/_layouts/images/energyathome/treeview/treeview-black.gif); }
.treeview-gray li { background-image: url(/_layouts/images/energyathome/treeview/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(/_layouts/images/energyathome/treeview/treeview-gray.gif); }
.treeview-famfamfam li { background-image: url(/_layouts/images/energyathome/treeview/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(/_layouts/images/energyathome/treeview/treeview-famfamfam.gif); }
.treeview .placeholder { background: url(/_layouts/images/energyathome/treeview/ajax-loader.gif) 0 0 no-repeat; height: 16px; width: 16px; display: block; }
.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 20px; display: block; }
.filetree span.folder { background: url(/_layouts/images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(/_layouts/images/folder.gif) 0 0 no-repeat; }
.filetree span.file { background: url(/_layouts/images/energyathome/treeview/file.gif) 0 0 no-repeat; }

/* tooltip */
.tooltip { display: none; background: url(/SiteAssets/SitePages/Home/white_arrow_big.png); background-repeat: no-repeat; height: 230px; padding: 40px 30px 10px 30px; width: 360px; font-family: Arial; font-size: 12px; color: #000; z-index: 100; }
.tooltip.bottom { background: url(/SiteAssets/SitePages/Home/white_arrow_big_bottom.png); padding-top: 70px; background-repeat: no-repeat; }
.tooltip img { width: 80px; }